<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0" />
	<title>咨询详情</title>
	<link rel="stylesheet" href="css/public.css" type="text/css">
	<link rel="stylesheet" href="css/consult.css" type="text/css">
    <script src="js/jquery.js" type="text/javascript"></script>
    <script src="js/consult.js" type="text/javascript"></script>
	<script>
        var deviceWidth = document.documentElement.clientWidth;
        if(deviceWidth > 720)
            deviceWidth = 720;
        document.documentElement.style.fontSize = deviceWidth / 7.2 + 'px';
    </script>
</head>
<body>

<header>
	<div class="head-img">
		<img src="images/head1.jpg" alt="图片" width="100%">
	</div>
	<p class="img-intro">亲,页面加载中...</p>
	<p class="word-intro clearFloat">
		<span class="hour">1小时前</span>
		<span class="change big"><img src="images/word2.jpg" width="100%"></span>
		<span class="change small"><img src="images/word1.jpg" width="100%"></span>

	</p>
</header>

<p class="para">
    亲,没有....

    html手机页面的字体怎么设置随屏幕的大小变化页变化？ 30
    设em吗？设了不管用啊

    html手机页面的字体怎么设置随屏幕的大小变化而变化？就是响应式字体，css怎么写？

    一片情的家 | 浏览 43751 次
    我有更好的答案
    推荐于2016-01-26 08:41:56
    最佳答案

    手机响应式布局，是获取屏幕尺寸，在某个区间用一种css，另个区间用另一种css。需要用@media写多份css的。无法做到真正的随屏幕变化而变化。

    而的用法是随着屏幕的大小，自动把页面自适应到屏幕的大小。这个是管用的。
</p>

<!--收藏...-->
<div class="collect">
	<div class="clct-icon">
		<img src="images/collect_low.svg" width="100%">

		<span class="quality">0</span>
	</div>
</div>

</body>
</html>
